Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / settings / SettingsSectionBlock.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<section Te6edf3class=Ta5d6ff"settings-section break-inside-avoid" Te6edf3:class=Ta5d6ff"sectionClass"Tff7b72>

Tff7b72<header Te6edf3v-if=Ta5d6ff"hasHeader" Te6edf3class=Ta5d6ff"settings-section__header"Tff7b72>

Tff7b72<divTff7b72>

Tff7b72<div Te6edf3v-if=Ta5d6ff"eyebrow" Te6edf3class=Ta5d6ff"settings-section__eyebrow"Tff7b72>Tff7b72{{ Te6edf3eyebrow Tff7b72}}Tff7b72</div>

Tff7b72<h2 Te6edf3v-if=Ta5d6ff"title"Tff7b72>Tff7b72{{ Te6edf3title Tff7b72}}Tff7b72</h2>

Tff7b72<p Te6edf3v-if=Ta5d6ff"description"Tff7b72>Tff7b72{{ Te6edf3description Tff7b72}}Tff7b72</p>

Tff7b72</div>

Tff7b72</header>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__body" Te6edf3:class=Ta5d6ff"bodyClass"Tff7b72>

Tff7b72<slot Tff7b72/>

Tff7b72</div>

Tff7b72</section>

Tff7b72</template>

Tff7b72<scriptTff7b72>

export default {

name: "SettingsSectionBlock",

props: {

eyebrow: {

type: String,

default: "",

},

title: {

type: String,

default: "",

},

description: {

type: String,

default: "",

},

sectionClass: {

type: [String, Array, Object],

default: "",

},

bodyClass: {

type: [String, Array, Object],

default: "",

},

},

computed: {

hasHeader() {

return Boolean(this.eyebrow || this.title || this.description);

},

},

};

Tff7b72</script>